/*Eric Meyer Reset CSS*/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { vertical-align: baseline baseline; font-family: inherit; font-weight: inherit; font-style: inherit; font-size: 100%; outline: 0; padding: 0; margin: 0; border: 0; }
:focus { outline: 0; }
body { background: white; line-height: 1; color: black; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*clearfix*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*for auto height*/
html, body { height: 100%; overflow: hidden;SCROLLBAR-FACE-COLOR: #DEF2FF;
                    SCROLLBAR-HIGHLIGHT-COLOR: #C5C5C5;
                    SCROLLBAR-SHADOW-COLOR: #C5C5C5;
                    SCROLLBAR-3DLIGHT-COLOR: #E5EAED;
                    SCROLLBAR-ARROW-COLOR: #979797;
                    SCROLLBAR-TRACK-COLOR: #EDEDED;
                    SCROLLBAR-DARKSHADOW-COLOR: #E5EAED;
                    SCROLLBAR-BASE-COLOR: #EDEDED; }

/*font-family */
body {min-width:900px;font-size: 13px; font-family: "\5fae\8f6f\96c5\9ed1" , "Times New Roman" ,Tahoma,Helvetica, Arial,sans-serif; }

/*page layout*/
.ui-layout-pane { border-width: 0px; }

.ui-layout-pane-north{border-bottom:solid 1px #156e8e; background-image:url(images/index/hdbg.png); background-repeat:repeat-x; overflow:hidden;}
.ui-layout-resizer-west{background-image:url(images/index/foldBg.png); background-repeat:repeat-y;}
.ui-layout-toggler-west{width:8px;height:100%;background: url(images/index/foldBgCenter.png) center no-repeat;}
.ui-layout-toggler-west:hover{background:#517f99 url(images/index/foldBgCenter_over.png?sss) center no-repeat;}
.ui-layout-toggler-west-closed{width:8px;height:100%;background: url(images/index/foldBgCenter.png) center no-repeat;}
.ui-layout-pane-west{background-color:#ececec;}
.ui-layout-center{padding:0;}
#ui-layout-centerC{padding:0 8px;}
.ui-layout-east {overflow:hidden;}
.ui-layout-east a { color: #878787; text-decoration: none; }

.ui-layout-resizer-north-closed, .ui-layout-toggler-north-closed { background-color: #006fae; }
.ui-layout-toggler-north-closed .content-closed { postion: relative; }
.north-toggler {position: absolute; right: 18px; top: 6px; width: 66px; height: 44px; z-index: 22; display: none; background: url(images/index/hd-toggle.png) no-repeat left top; color: #fff; font-size: 15px; text-decoration: none; }
.north-toggler:hover { background: url(images/index/hd-toggle-hover.png) no-repeat left top; }
.north-toggler span { padding-left: 20px; background: url(images/index/toggle-north.png) no-repeat left center; margin-left: 10px; }

/*index page*/

/*left menu*/
#modules{width: 138px;overflow-y : visible;}
#modules li a {font-size:12px; padding-left:25px; height:25px; display:block; background-color:transparent;}
#modules li{display:block; border-bottom:solid 1px #B5DFF5; border-top:solid 1px #FFFFFF;}
#modules li a span{ line-height:25px;}
#modules .active{background-color:#EFEFEF;}
#modules li a:hover{background-color:#C5ECFE;}
.piconclick{background:url(images/vbm/menu/menuBg_down.png) repeat-x; width: 138px;height: 25px;}
.ui-layout-west a{ color:#000000; text-decoration:none;}

#hdlogo{ position:absolute; left:0px;height:50px; width:394px; top:0px;background:url(images/vbm/header/header_logo.jpg) no-repeat;}
#loading{position:absolute; bottom:5px ; right:320px;padding:3px; border:solid 1px #000; background-color:#fff; font-size:11px; display:none; }
.department{position:absolute;color: #F0F8FC;font-size: 12px;left:400px;top: 27px;height: 20px;}

.search{position:absolute;width:165px;height: 22px;right: 450px;top: 15px;}
.search input{background:url(images/index/select.png) no-repeat;width:165px;height: 22px; border: 0px;line-height:15px;color:#206D99;}

#shoucang{position:absolute;top:15px;border-style: none;height:22px; width:69px;right:422px;background:url(images/afs/header_favoriteBg_out.png) no-repeat;}
#shoucang:hover{background:url(images/afs/header_favoriteBg_over.png) no-repeat;cursor: pointer;}

#notice{position:absolute;top:15px;border-style: none;height:22px; width:117px;right:292px;background:url(images/index/header_todoBg_out.png) no-repeat;}
#notice:hover{background:url(images/index/header_todoBg_over.png) no-repeat;cursor: pointer;}

#announcement{position:absolute;top:15px;height:22px; width:74px;right:110px;background:url(images/index/header_messageBg_out.png) no-repeat;}
#announcement:hover{background:url(images/index/header_messageBg_over.png) no-repeat;}
.line{position:absolute;background:url(images/index/line.png) no-repeat;width:4px;height:39px;top:5px;}
#line1{right:115px;}
#line2{right:200px;}
#line3{right:286px;}
#line4{right:98px;}
#help{position:absolute;height:22px; width:74px;right:20px;top:15px;background:url(images/index/header_helpBg_out.png) no-repeat;}
#help:hover{background:url(images/index/header_helpBg_over.png) no-repeat;}
#logout{position:absolute;height:22px;width:74px;right:35px;top:15px;background:url(images/index/header_logoffBg_out.png) no-repeat;}
#logout:hover{background:url(images/index/header_logoffBg_over.png) no-repeat;}

